<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" scope="page" />
<!DOCTYPE html>
<html>
<head>
	<title>Insert title here</title>
	<link rel="stylesheet" href="${ctx}/css/templatemo_style.css" /> <!-- 页面整体布局样式定义 -->
	<link rel="stylesheet" href="${ctx}/css/ddsmoothmenu.css" /> <!-- 菜单样式定义 -->
	
	<script type="text/javascript" src="${ctx}/js/jquery-1.4.3.min.js"></script>
	<script type="text/javascript">
		var ctx = "${pageContext.request.contextPath}";
		
		function showUserName(){
			var name = "${user.username}";
			if(name != ""){
				$("#login").html(name);
				$("#exitP").show();
				$("#login").attr("href", ctx + "/user?flag=info&userId=${user.userId}");
			}else{
				$("#login").html("登录");
				$("#exitP").hide();
				$("#login").attr("href", ctx + "/user?flag=login");
			}
		}
	</script>
</head>

<body>
	<div id="templatemo_body_wrapper">
		<div id="templatemo_wrapper">


			<!-- header -->
			<div id="templatemo_header">
				<div id="site_title"><h1><a href="">穿美在线鞋城</a></h1></div>
				<div id="header_right">
					<p>
						<a href="" id="login">登录</a>&nbsp;
						<span id="exitP" style="display: none"><a href="${ctx}/user?flag=logout" id="exit">注销</a></span>
					</p>
				</div>
				<div class="cleaner"></div>
			</div>
			<!-- END of templatemo_header -->


			<!-- menu -->
			<div id="templatemo_menubar">
				<div id="top_nav" class="ddsmoothmenu">
					<ul>
						<li><a href="${ctx}/homeservlet" class="selected">首页</a></li>
						<li><a href="${ctx}/product">产品</a></li>
						<li><a href="${ctx}/car?falg=selectcar">我的购物车</a></li>
						<li><a href="${ctx}/order?falg=selectorder" class="selected">我的订单</a></li>
					</ul>
					<br style="clear: left" />
				</div>
				<!-- end of ddsmoothmenu -->
			</div>
			<!-- END of templatemo_menubar -->

			<div id="templatemo_main">
		        <div id="content" class="float_l" style="margin-left:120px">
		        	<h2>订单详情</h2>
		            <table>
		                <tr>
		                    <th colspan="4" align="left">订单</th>
		                </tr>
		                <tr>
		                	<td><div style="width:20px;"></div></td>
		                    <td>订单号:</td>
		                    <td><div style="width:20px;"></div></td>
		                    <td>${order_id}</td>
		                </tr>
		                <tr>
		                	<td></td>
		                    <td>创建日期:</td>
		                    <td></td>
		                    <td>${orderPo.create_time}</td>
		                </tr>
		                <tr>
		                    <th colspan=4" align="left">付款信息</th>
		                </tr>
		                <tr>
		                	<td></td>
		                    <td>支付类型:</td>
		                    <td>${name}</td>

		                </tr>
		                <tr>
		                	<td></td>
		                    <td>金额:</td>
		                    <td>${orderPo.amonut}</td>

		                </tr>
		                <tr>
		                    <th colspan="4" align="left">收货人信息</th>
		                </tr>
		                <tr>
		                	<td></td>
		                    <td>姓名:</td>
		                    <td>${orderPo.receiver}</td>

		                </tr>
		                <tr>
		                	<td></td>
		                    <td>省份:</td>
		                    <td>${orderPo.province}</td>

		                </tr>
		                <tr>
		                	<td></td>
		                    <td>城市:</td>
		                    <td>${orderPo.city}</td>

		                </tr>
		                <tr>
		                	<td></td>
		                    <td>区、县:</td>
		                    <td>${orderPo.county}</td>

		                </tr>
		                <tr>
		                	<td></td>
		                    <td>地址:</td>
		                    <td>${orderPo.address}</td>

		                </tr>
		                <tr>
		                	<td></td>
		                    <td>邮政编码:</td>
		                    <td>${orderPo.zipcode}</td>

		                </tr>
		                <tr>
		                	<td></td>
		                    <td>电话:</td>
		                    <td>${orderPo.telphone}</td>

		                </tr>
		            </table>
		            <br>
		
		            <table style="border:1px solid #CCCCCC;" width="100%">
		                <tr>
		                    <td>产品编号</td>
		                    <td>产品描述</td>
		                    <td>数量</td>
		                    <td>价格</td>
		                    <td>小计</td>
		                </tr>
						<c:forEach var="listOrder" items="${listOrder}">
		                <tr>
		                    <td>${listOrder.product_id} </td>
		                    <td>${listOrder.feature} </td>
		                    <td>${listOrder.quantity}</td>
		                    <td>${listOrder.price}</td>
		                    <td>${listOrder.sale}</td>
		                </tr>
						</c:forEach>
		                <tr>
		                    <td colspan="5" align="right"><p style="font-weight:bold;padding:0 25px">总金额:￥${orderPo.amonut}</p></td>
		                </tr>
		            </table>
		            <br>
		            <a href="javascript:history.back()">返回订单列表</a>
		        </div>
		
		        <div class="cleaner"></div>
		    </div> <!-- END of templatemo_main -->

			<!-- footer -->
			<div id="templatemo_footer">
				<p>
					<a href="${ctx}/homeservlet">首页</a> | <a href="${ctx}/product">产品</a> | <a href="${ctx}/car?falg=selectcar">我的购物车</a> | <a href="${ctx}/order?falg=selectorder">我的订单</a>
				</p>
				版权所有 (c) 2018 <a href="javascript:void(0);">金桥软件</a>
			</div>
			<!-- END of templatemo_footer -->


		</div>
		<!-- END of templatemo_wrapper -->
	</div>
	<!-- END of templatemo_body_wrapper -->

	<script type="text/javascript">
		$(function() {
			showUserName();
		});
	</script>
</body>
</html>







